<%-- <%@ include file="/common/taglibs.jsp"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>My Blogs List</title>
		<style>
			ul.tabs {
			    background-color: #AAA4F7;
			    background-image: url("/images/cip/common/title.png");
			    background-repeat: repeat-y;
			    color: #097191;
			    display: block;
			    font-family: Arial,Helvetica,sans-serif;
			    font-size: 13px;
			    font-weight: bold;
			    height: 25px;
			    list-style: none outside none;
			    margin: 0;
			    padding: 0;
			    width: 520px;
			}
			ul.tabs li a {
			    color: #097191;
			    display: block;
			    font-family: Arial,Helvetica,sans-serif;
			    font-size: 13px;
			    font-weight: bold;
			    height: 20px;
			    outline: medium none;
			    padding-bottom: 0;
			    /*padding-top: 5px;*/
			    text-align: center;
			    text-decoration: none;
			    /*width:97px;*/
			    width: 111px;
			}
			html ul.tabs li.active, html ul.tabs li.active a:hover {
			    background-image: url("/images/profile/tab_rolloverimg.png");
			    background-repeat: no-repeat;
			}
			ul.tabs li {
			    display: block;
			    float: left;
			    height: 25px;
			    margin-right: 5px;
			    overflow: hidden;
			    /*width:97px;*/
			    width: 119px;
			}
		</style>
		<script>
		$(document).ready(function() {
			document.getElementById("main-center-container").style.padding = "0px";
		});		
		</script>
	</head>
	<body>
		<div id="blogsTab" style="margin-bottom:5px;height:30px;">
		<ul class="tabs">
			<li class="active">
				<a href="/showUserBlogList">My Blogs</a>
			</li>
			<li>
				<a onclick="" href="/showOtherUsersBlogList">Others Blogs</a>
			</li>
		</ul>
		</div> 
		<div style="margin-bottom:10px;height:15px;">
			<ul class="glassList" style="float:right;">
			    <li>
			    	<a  class="button-green" href="<c:url value='/createUserBlog'/>">Create New</a>
			    </li>
			</ul>
		</div>
		<div id="blogs" style="padding:15px;">
			<!-- 4px 5px 5px -4px #AAAAAA --><!-- 4px -1px 11px -6px #AAA -->
			<s:iterator value="blogList" status="rowstatus">
				<div style="margin-bottom: 20px;border-radius: 5px 5px 5px 5px; border: 1px solid lightGray; min-height: 108px; max-height: 110px; box-shadow: 4px 5px 5px -4px #AAAAAA;">
					<div align="left" id="userInfo" style="float:left;padding-left:5px;padding-top:8px;margin-right:10px;">
						<div id="userImg"><img src="/images/cip/user/default/user.jpg" width="50px" height="50px"/> </div>
						<div id="userName" style="font-size:11px;"><s:property value="user.username"></s:property></div> 
					</div>
					<div id="blogInfo">
						<div align="left" style="padding:5px;font-weight:bold;color:#555;"><a href='/showUserBlogDetailView?method=showBlogDetailView&blog.id=${id}' style="color:#555;"><s:property value="title"/></a></div>
						<div align="left" style="padding-left:20px;"><s:property value="content"/></div>
					</div>
					<div align="right" style="font-size:12px;padding-right:10px;">
						<a href='/showUserBlogDetailView?method=showBlogDetailView&blog.id=${id}'>Comments</a> | 
						<a href='/editUserBlog?method=showEditBlog&blog.id=${id}'> Edit</a>
					</div>
				</div>
			</s:iterator>			
		</div>
	</body>
</html> --%>